<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>cart</title>
	<link href="/lib/bootstrap/css/bootstrap.css" rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="/css/cart.css">
	
	<script src="/lib/requirejs/require.js" data-main="/js/cart"></script>
</head>
<body>
	<!-- 头部 -->
	<header></header>

	<!-- 导航 -->
	<div class="nav">
        <div class="nav_box">
    		<b id="nav1">
                <h4>全部商品分类</h4>
                <div class="pop description ps-container" id="navMain">
                    <div class="pop p1" id="pop">
                    	<a href="/html/list.html">服装服饰</a>
                    	<a href="/html/list.html">食品饮料</a>
                    	<a href="/html/list.html">生活家居</a>
                    	<a href="/html/list.html">美妆个护</a>
                    	<a href="/html/list.html">箱包配饰</a>
                    	<a href="/html/list.html">海外购</a>
                    	<a href="/html/list.html">运动健康</a>
                    	<a href="/html/list.html">布艺家纺</a>
                    	<a href="/html/list.html">品质厨房</a>
                    	<a href="/html/list.html">厨房电器</a>
                    	<a href="/html/list.html">生活电器</a>
                    	<a href="/html/list.html">3C数码</a>
                    </div>
    	            <div class="ps-scrollbar-x-rail" style="width: 231px; display: none; left: 0px; bottom: 3px;">
    	            	<div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div>
    	            </div>
    	            <div class="ps-scrollbar-y-rail" style="top: 0px; height: 560px; display: none; right: 3px;">
    	            	<div class="ps-scrollbar-y" style="top: 0px; height: 0px;"></div>
    	            </div>
    	        </div>
    	    </b>
        </div>
	    <ul>
			<li><a href="../index.html" target="_blank">首页</a></li>
			<li><a href="javascript:;" target="_blank">TV直播</a></li>
			<li><a href="javascript:;" target="_blank">品牌惠</a></li>
			<li><a href="javascript:;" target="_blank">家有购物APP</a></li>
			<li><a href="javascript:;" target="_blank">家有尊享</a></li>
		</ul>
	</div>

	<div class="main">
		
		<div class="cart not-empty hidden"">
			<table class="table table-bordered cart-table">
				<thead>
					<tr>
						<th style="width: 80px;"><label><input type="checkbox" class="ck_all">全选</label></th>
						<th style="display: none">序号</th>
						<th style="text-align: center;">图片</th>
						<th>标题</th>
						<th>单价</th>
						<th>数量</th>
						<th>小计（元）</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<script type="text/html" id="cart-body-template">
						{{each products prod}}
						<tr>
							<td><input type="checkbox" class="ck_prod"></td>
							<td style="display: none" class="id">{{prod.id}}</td>
							<td><img src="{{prod.img}}" class="img" style="width: 100px; height: 100px;"></td>
							<td class="title">{{prod.title}}</td>
							<td class="price">{{prod.price}}</td>
							<td><span class="jian">-</span><input type="text" class="amount" value="{{prod.amount}}"><span class="jia">+</span></td>
							<td class="sub">{{prod.price*prod.amount}}</td>
							<td><a href="javascript:void(0);" class="del">删除</a></td>
						</tr>
						{{/each}}
					</script>
				</tbody>
				<tfoot>
					<tr>
						<td>合计</td>
						<td colspan="7" class="total" style="text-align: left;">0</td>
					</tr>
				</tfoot>
			</table>
			<a class="btn btndanger" href="/html/confirm.html" style="background: red; color: #fff">结算</a>
		</div>

		<div class="kong empty" id="divCartNull" style="">
		    <!--=登录-->
		    <p style="display:none;" id="p_login">
		    	购物车内暂没有商品，您可以
		    	<a id="btnIndex_login" style="cursor:pointer">去首页</a>
			    挑选商品
			</p>
		    <!--=未登录-->
		    <p style="" id="p_unlogin">购物车内暂没有商品，
		    	<a href="/html/login.html" id="btnIndex_Unlogin" style="cursor:pointer">登录</a>
		    	后将显示您之前加入的商品，去
		    	<a href="/index.html" id="btnIndex_Unlogin" style="cursor:pointer">首页</a>
		    	挑选商品
		    </p>
		</div>
	</div>

	<!-- 尾部 -->
	<footer></footer>
</body>
</html>